#overlay {top:0;left:0;background-color:#000;z-index:997;}
#indicator {top:50%;left:50%;margin:-29px 0 0 -34px;width:67px; height:57px;background:url(img/hud.png) no-repeat 0 -171px;z-index:998;}
#busy {width:67px; height:57px;background:url(img/busy.gif) no-repeat 18px 13px;}
#indicator.error {background:url(img/hud.png) no-repeat -67px -171px;}

#frame img {z-index:999;}
#hud {height:57px;width:236px;left:50%;top:75%;margin:-29px 0 0 -118px;z-index:1000;overflow:hidden;}

#hud a {top:0;left:0;width:78px; height:57px;display:block;float:left;background-image:url(img/hud.png);}
#hud a:hover {cursor:pointer;}
#hud a.inactive {cursor:default;}

#c_prev {background-position:0 0}
#c_down {background-position:-78px 0}
#c_next {background-position:-156px 0}

#c_prev:hover {background-position:0 -114px}
#c_down:hover {background-position:-78px -114px}
#c_next:hover {background-position:-156px -114px}

#c_prev.inactive {background-position:0 -57px}
#c_down.inactive {background-position:-78px -57px}
#c_next.inactive {background-position:-156px -57px}

/* IE 6 CSS MADNESS */
body > #overlay {width:100%; height:100%;}
#overlay,#indicator,#frame img,#hud {position:fixed; _position:absolute;}
#indicator.error, #hud a, #indicator {_background-image:url(img/hud-ie.png);}